
.module-order {
    .order-title {
        margin-bottom: 32px;
        font-weight: normal;
        text-indent: 8px;
    }
    .m-aside-nav a.item-link {
        padding-left: 40px;
    }
}

.module-myorder, .module-myAdvert {
    .advert-tab, .order-tab {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        margin-bottom: 28px;
        padding-left: 20px;
        height: 40px;
        font-size: 16px;
        border-bottom: 1px solid $color-item-hover;
        [class^=tab] {
            display: flex;
            align-items: center;
            margin-right: 48px;
            padding: 0 8px;
            height: 100%;
            border-bottom: 2px solid transparent;
            color: #a1a1a1;
            cursor: pointer;
            &.active {
                color: #000;
                border-bottom: 2px solid #0a94ff;
            }
        }
    }

    .order-item, .advert-item {
        margin-bottom: 40px;
        //font-size: 13px;
        color: #a1a1a1;
        box-shadow: 0 0 20px -8px #888;
        background-color: #fff;
        > .item-header {
            padding: 0 20px;
            height: 44px;
            &.buy {
                border-bottom: 2px solid #89caff;
            }
            &.sell {
                border-bottom: 2px solid #999;
            }
            background-color: #fafafa;
            .header-asset {
                &-code {
                    font-size: 16px;
                    color: #1d1f21;
                }
                &-type {
                    margin-left: 8px;
                    font-size: 16px;
                    color: #999;
                }
                &-id {
                    margin-left: 14px;
                }
            }
            .header-right {
                &-edit, &-delete {
                    cursor: pointer;
                    &:hover {
                        color: #5392b9;
                    }
                }
                &-time {
                    color: #000;
                }
            }
            &.advert-item-header {
                border-bottom: none;
            }
        }
        > .item-detail {
            margin: 0 20px;
            padding: 12px 0 20px;
            border-bottom: 1px solid #f2f2f2;
            .item-detail-col {
                display: flex;
                flex-direction: column;
                line-height: 24px;
                //.col-name{
                //  display: -webkit-box;
                //  -webkit-box-orient: vertical;
                //  -webkit-line-clamp: 1;
                //  width: 80%;
                //  height: 24px;
                //  overflow: hidden;
                //}
                .col-account {
                    display: flex;
                    flex-direction: column;
                    color: #4eb647;
                }
                .col-money {
                    &-amount {
                        font-size: 16px;
                        color: #1396ff;
                    }
                    &-unit {
                        color: #000;
                    }
                }
                .col-remark {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    height: 48px;
                }
            }
            &.advert-item-detail {
                padding-right: 60px;
            }
        }
        > .item-footer {
            padding: 0 20px;
            height: 80px;
            .item-footer-remark {
                width: 70%;
            }
            .item-footer-btns {
                font-size: 13px;
                .ui-btn {
                    width: 90px;
                }
                > .btns-white {
                    background: #fff;
                    color: #1e97fc;
                    cursor: pointer;
                }
                :first-child {
                    margin-right: 20px;
                }
            }
        }
    }
}

body .comp-confirm .arrow .body-box {
    position: absolute;
    left: -272px;
    top: -120px;
    width: 296px !important;
    height: 104px;
}